Coreper Posted July 7, 2008 Report Share Posted July 7, 2008 i'm building my own website, and i chose for a layout with tables, since i find tha tthe easiest way to do it.this is my code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Coreper's Online Portfolio</title><style type="text/css"><!--body { background-image: url(images/bg_mainframe.png); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}--></style><script type="text/javascript"><!--function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}}function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script></head><body onload="MM_preloadImages('images/buttons/Button_About-Active.png','images/buttons/Button_Links-Active.png','images/buttons/Button_Info-Active.png','images/buttons/Button_Home-Active.png','images/buttons/Button_Portfolio-Active.png')"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="20" height="146" align="left" valign="top" background="images/header/Menu_Corner_Left.png" scope="col"> </th> <th background="images/header/Menu_Stretch.png" scope="col"> </th> <th width="959" height="238" align="center" valign="middle" background="images/header/Menu_Bar.png" scope="col"><div align="center"><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_Portfolio','','images/buttons/Button_Portfolio-Active.png',1)"><img src="images/buttons/Button_Portfolio.png" alt="Button_Portfolio" name="Button_Portfolio" width="116" height="66" border="0" id="Button_Portfolio" /></a> <a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_Home','','images/buttons/Button_Home-Active.png',1)"><img src="images/buttons/Button_Home.png" alt="Button_Home" name="Button_Home" width="116" height="66" border="0" id="Button_Home" /></a> <a href="info.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_Info','','images/buttons/Button_Info-Active.png',1)"> <img src="images/buttons/Button_Info.png" alt="Button_Info" name="Button_Info" width="116" height="66" border="0" id="Button_Info" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_About','','images/buttons/Button_About-Active.png',1)"><img src="images/buttons/Button_About.png" alt="Button_About" name="Button_About" width="116" height="66" border="0" align="bottom" id="Button_About" /></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button_Links','','images/buttons/Button_Links-Active.png',1)"><img src="images/buttons/Button_Links.png" alt="Button_Links" name="Button_Links" width="116" height="66" border="0" id="Button_Links" /></a></div></th> <th background="images/header/Menu_Stretch.png" scope="col"> </th> <th width="20" height="146" background="images/header/Menu_Corner_Right.png" scope="col"> </th> </tr></table></body></html>this is how it looks in Dreamweaver:and this is how i want it to look:does anyone know how i can make it look like the final image? Quote Link to comment Share on other sites More sharing options...
mrrsx2006 Posted July 11, 2008 Report Share Posted July 11, 2008 Have you tried using CSS and making the pictures "float" to the right or left of the central image you have there? BTW thats pretty nice I've never worked in dreamweaver before. Quote Link to comment Share on other sites More sharing options...
Coreper Posted August 8, 2008 Author Report Share Posted August 8, 2008 thanks :Dand yes i did, but it just didnt work out...maybe you know how to make this website work...?about the late reply: i was on a 4 week vacation ;) Quote Link to comment Share on other sites More sharing options...
Coreper Posted August 8, 2008 Author Report Share Posted August 8, 2008 this is how it looks in IE [i dont have FF, and aint planning on installing]:and i really dont know what to do anymore...that is why i ask for help: how can i get this website up, without to much problems...do you think building it in Flash will make it work? Quote Link to comment Share on other sites More sharing options...
Coreper Posted August 12, 2008 Author Report Share Posted August 12, 2008 the fact is i made the code with someone else on this forum, but it didnt quite work out...you can find online samples of my website here:CSS: http://coreper.110mb.com/test/cssindex.htmlTables: http://coreper.110mb.com/test/tablesindex.htmlthis way you can see what is wrong...:CSS: incorrect placement of the buttonsTables: impossibility to place my logo between the letters, because the mouseover image is too big [i dont want to decrease the size], so it will expand the table it is in...oh, i almost forgot: the CSS versions does not include any form of mouseover action... Quote Link to comment Share on other sites More sharing options...
Coreper Posted August 26, 2008 Author Report Share Posted August 26, 2008 i think im going to look for an professional webdesigner to do this for me, because i just dont know enough about all this... Quote Link to comment Share on other sites More sharing options...
tjoyce0909 Posted September 2, 2008 Report Share Posted September 2, 2008 i think im going to look for an professional webdesigner to do this for me, because i just dont know enough about all this...Don't do that. You already have the right tools (dreamweaver is an amazing program). I am no webmaster myself, but don't give up. Do you have an external style sheet to go with it? You can create containers for your buttons to sit in. When you create a table with dreamweaver you can basically get rid of playing with the code and just adjust the tables with the mouse.One thing I did notice is that you don't have the site in a wrapper. When you minimize your site the buttons do almost a stagger.try doing this with dreamweaver. if you build an absolute container with dreamweaver it gives you the ability to control its size and position with your mouse. So make a wrapper container to center your site - then make a container to position in the upper left corner, then the same for the right. (remember to make them absolute for now until you can get a good scope of your project) then try placing your tables inside the newly created containers. You have a beautiful concept for a site and I kind of wish I had thought of it. Quote Link to comment Share on other sites More sharing options...
Coreper Posted September 3, 2008 Author Report Share Posted September 3, 2008 thanks for the help, but i already got someone making it for me...i really appreciate youre help, but im just not experienced enough to make a website like this...and another good thing is: the webdesigner is also making it compatible with a CMS :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.